phone.css

 phone.css

*{margin: 0;

    padding: 0;

    font-family: 'Playball', cursive;}

    /* navBar styling */

   #navBar{display: flex;flex-direction: column;}

    #navBar .list li a{font-size: 15px;margin: 6px ;}

   

#home{    height:34rem;}

#home::before{height: 151%;}

#home p{font-size: 13px;}

#about {display: flex;flex-direction: column;margin: 1px;height: 170vh;}

#natureImage{height: 52vh;}

#form .formGroup{font-size:11px;height: 6vh;}

    #form{overflow: hidden;}

    .h-primary{font-size: 1.4rem;margin-top:5px;}

    .h-secondary{margin:0.2rem;font-size: 1rem;}

    .center{text-align: center;margin:0rem;}

    .center1{text-align: center;margin:1rem;}

    .fontMed{font-size:8px;}